* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: black;
  color: #fff;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

input {
  display: none;
}

.list {
  text-align: center;
}
.list-item {
  margin: 0.5em;
  font-size: 1.25em;
}
.list-item a {
  text-decoration: none;
}

.link {
  text-transform: uppercase;
  color: #2F8621;
}

.game-field-text {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-weight: 900;
  font-size: 1.5rem;
}
.game-field-color {
  color: #9E2730;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.cell, .game-field {
  border: 0.5vmin solid #000;
}

.game-field {
  display: flex;
  width: 81vmin;
  flex-wrap: wrap;
}

.cell {
  max-height: 10vmin;
  max-width: 10vmin;
  overflow: hidden;
}
.cell-bg {
  display: block;
  position: relative;
  height: 9vmin;
  width: 9vmin;
  background: repeating-linear-gradient(#9E2730 0, #9E2730 10vmin, #2F8621 10vmin, #2F8621 20vmin);
  background-size: 10vmin 640vmin;
  background-position-x: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb1:not(:checked) ~ .scope {
  --from-1-to-1-inverted: 1;
}

#cb1:checked ~ .scope {
  --from-1-to-1-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb1:not(:checked) ~ .scope {
  --from-1-to-52-inverted: 1;
}

#cb1:checked ~ .scope {
  --from-1-to-52-inverted: 0;
}

#cb1:not(:checked) ~ .scope {
  --from-1-to-15-inverted: 1;
}

#cb1:checked ~ .scope {
  --from-1-to-15-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb2:not(:checked) ~ .scope {
  --from-2-to-2-inverted: 1;
}

#cb2:checked ~ .scope {
  --from-2-to-2-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb2:not(:checked) ~ .scope {
  --from-2-to-17-inverted: 1;
}

#cb2:checked ~ .scope {
  --from-2-to-17-inverted: 0;
}

#cb2:not(:checked) ~ .scope {
  --from-2-to-59-inverted: 1;
}

#cb2:checked ~ .scope {
  --from-2-to-59-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb3:not(:checked) ~ .scope {
  --from-3-to-3-inverted: 1;
}

#cb3:checked ~ .scope {
  --from-3-to-3-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb3:not(:checked) ~ .scope {
  --from-3-to-2-inverted: 1;
}

#cb3:checked ~ .scope {
  --from-3-to-2-inverted: 0;
}

#cb3:not(:checked) ~ .scope {
  --from-3-to-26-inverted: 1;
}

#cb3:checked ~ .scope {
  --from-3-to-26-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb4:not(:checked) ~ .scope {
  --from-4-to-4-inverted: 1;
}

#cb4:checked ~ .scope {
  --from-4-to-4-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb4:not(:checked) ~ .scope {
  --from-4-to-51-inverted: 1;
}

#cb4:checked ~ .scope {
  --from-4-to-51-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb5:not(:checked) ~ .scope {
  --from-5-to-5-inverted: 1;
}

#cb5:checked ~ .scope {
  --from-5-to-5-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb5:not(:checked) ~ .scope {
  --from-5-to-39-inverted: 1;
}

#cb5:checked ~ .scope {
  --from-5-to-39-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb6:not(:checked) ~ .scope {
  --from-6-to-6-inverted: 1;
}

#cb6:checked ~ .scope {
  --from-6-to-6-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb6:not(:checked) ~ .scope {
  --from-6-to-23-inverted: 1;
}

#cb6:checked ~ .scope {
  --from-6-to-23-inverted: 0;
}

#cb6:not(:checked) ~ .scope {
  --from-6-to-55-inverted: 1;
}

#cb6:checked ~ .scope {
  --from-6-to-55-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb7:not(:checked) ~ .scope {
  --from-7-to-7-inverted: 1;
}

#cb7:checked ~ .scope {
  --from-7-to-7-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb7:not(:checked) ~ .scope {
  --from-7-to-48-inverted: 1;
}

#cb7:checked ~ .scope {
  --from-7-to-48-inverted: 0;
}

#cb7:not(:checked) ~ .scope {
  --from-7-to-56-inverted: 1;
}

#cb7:checked ~ .scope {
  --from-7-to-56-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb8:not(:checked) ~ .scope {
  --from-8-to-8-inverted: 1;
}

#cb8:checked ~ .scope {
  --from-8-to-8-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb8:not(:checked) ~ .scope {
  --from-8-to-2-inverted: 1;
}

#cb8:checked ~ .scope {
  --from-8-to-2-inverted: 0;
}

#cb8:not(:checked) ~ .scope {
  --from-8-to-58-inverted: 1;
}

#cb8:checked ~ .scope {
  --from-8-to-58-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb9:not(:checked) ~ .scope {
  --from-9-to-9-inverted: 1;
}

#cb9:checked ~ .scope {
  --from-9-to-9-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb9:not(:checked) ~ .scope {
  --from-9-to-48-inverted: 1;
}

#cb9:checked ~ .scope {
  --from-9-to-48-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb10:not(:checked) ~ .scope {
  --from-10-to-10-inverted: 1;
}

#cb10:checked ~ .scope {
  --from-10-to-10-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb10:not(:checked) ~ .scope {
  --from-10-to-35-inverted: 1;
}

#cb10:checked ~ .scope {
  --from-10-to-35-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb11:not(:checked) ~ .scope {
  --from-11-to-11-inverted: 1;
}

#cb11:checked ~ .scope {
  --from-11-to-11-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb11:not(:checked) ~ .scope {
  --from-11-to-63-inverted: 1;
}

#cb11:checked ~ .scope {
  --from-11-to-63-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb12:not(:checked) ~ .scope {
  --from-12-to-12-inverted: 1;
}

#cb12:checked ~ .scope {
  --from-12-to-12-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb12:not(:checked) ~ .scope {
  --from-12-to-16-inverted: 1;
}

#cb12:checked ~ .scope {
  --from-12-to-16-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb13:not(:checked) ~ .scope {
  --from-13-to-13-inverted: 1;
}

#cb13:checked ~ .scope {
  --from-13-to-13-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb13:not(:checked) ~ .scope {
  --from-13-to-51-inverted: 1;
}

#cb13:checked ~ .scope {
  --from-13-to-51-inverted: 0;
}

#cb13:not(:checked) ~ .scope {
  --from-13-to-47-inverted: 1;
}

#cb13:checked ~ .scope {
  --from-13-to-47-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb14:not(:checked) ~ .scope {
  --from-14-to-14-inverted: 1;
}

#cb14:checked ~ .scope {
  --from-14-to-14-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb14:not(:checked) ~ .scope {
  --from-14-to-43-inverted: 1;
}

#cb14:checked ~ .scope {
  --from-14-to-43-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb15:not(:checked) ~ .scope {
  --from-15-to-15-inverted: 1;
}

#cb15:checked ~ .scope {
  --from-15-to-15-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb15:not(:checked) ~ .scope {
  --from-15-to-39-inverted: 1;
}

#cb15:checked ~ .scope {
  --from-15-to-39-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb16:not(:checked) ~ .scope {
  --from-16-to-16-inverted: 1;
}

#cb16:checked ~ .scope {
  --from-16-to-16-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb16:not(:checked) ~ .scope {
  --from-16-to-50-inverted: 1;
}

#cb16:checked ~ .scope {
  --from-16-to-50-inverted: 0;
}

#cb16:not(:checked) ~ .scope {
  --from-16-to-32-inverted: 1;
}

#cb16:checked ~ .scope {
  --from-16-to-32-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb17:not(:checked) ~ .scope {
  --from-17-to-17-inverted: 1;
}

#cb17:checked ~ .scope {
  --from-17-to-17-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb17:not(:checked) ~ .scope {
  --from-17-to-30-inverted: 1;
}

#cb17:checked ~ .scope {
  --from-17-to-30-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb18:not(:checked) ~ .scope {
  --from-18-to-18-inverted: 1;
}

#cb18:checked ~ .scope {
  --from-18-to-18-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb18:not(:checked) ~ .scope {
  --from-18-to-2-inverted: 1;
}

#cb18:checked ~ .scope {
  --from-18-to-2-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb19:not(:checked) ~ .scope {
  --from-19-to-19-inverted: 1;
}

#cb19:checked ~ .scope {
  --from-19-to-19-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb19:not(:checked) ~ .scope {
  --from-19-to-44-inverted: 1;
}

#cb19:checked ~ .scope {
  --from-19-to-44-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb20:not(:checked) ~ .scope {
  --from-20-to-20-inverted: 1;
}

#cb20:checked ~ .scope {
  --from-20-to-20-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb20:not(:checked) ~ .scope {
  --from-20-to-12-inverted: 1;
}

#cb20:checked ~ .scope {
  --from-20-to-12-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb21:not(:checked) ~ .scope {
  --from-21-to-21-inverted: 1;
}

#cb21:checked ~ .scope {
  --from-21-to-21-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb21:not(:checked) ~ .scope {
  --from-21-to-10-inverted: 1;
}

#cb21:checked ~ .scope {
  --from-21-to-10-inverted: 0;
}

#cb21:not(:checked) ~ .scope {
  --from-21-to-37-inverted: 1;
}

#cb21:checked ~ .scope {
  --from-21-to-37-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb22:not(:checked) ~ .scope {
  --from-22-to-22-inverted: 1;
}

#cb22:checked ~ .scope {
  --from-22-to-22-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb22:not(:checked) ~ .scope {
  --from-22-to-20-inverted: 1;
}

#cb22:checked ~ .scope {
  --from-22-to-20-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb23:not(:checked) ~ .scope {
  --from-23-to-23-inverted: 1;
}

#cb23:checked ~ .scope {
  --from-23-to-23-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb23:not(:checked) ~ .scope {
  --from-23-to-11-inverted: 1;
}

#cb23:checked ~ .scope {
  --from-23-to-11-inverted: 0;
}

#cb23:not(:checked) ~ .scope {
  --from-23-to-32-inverted: 1;
}

#cb23:checked ~ .scope {
  --from-23-to-32-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb24:not(:checked) ~ .scope {
  --from-24-to-24-inverted: 1;
}

#cb24:checked ~ .scope {
  --from-24-to-24-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb24:not(:checked) ~ .scope {
  --from-24-to-44-inverted: 1;
}

#cb24:checked ~ .scope {
  --from-24-to-44-inverted: 0;
}

#cb24:not(:checked) ~ .scope {
  --from-24-to-59-inverted: 1;
}

#cb24:checked ~ .scope {
  --from-24-to-59-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb25:not(:checked) ~ .scope {
  --from-25-to-25-inverted: 1;
}

#cb25:checked ~ .scope {
  --from-25-to-25-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb25:not(:checked) ~ .scope {
  --from-25-to-6-inverted: 1;
}

#cb25:checked ~ .scope {
  --from-25-to-6-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb26:not(:checked) ~ .scope {
  --from-26-to-26-inverted: 1;
}

#cb26:checked ~ .scope {
  --from-26-to-26-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb26:not(:checked) ~ .scope {
  --from-26-to-13-inverted: 1;
}

#cb26:checked ~ .scope {
  --from-26-to-13-inverted: 0;
}

#cb26:not(:checked) ~ .scope {
  --from-26-to-5-inverted: 1;
}

#cb26:checked ~ .scope {
  --from-26-to-5-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb27:not(:checked) ~ .scope {
  --from-27-to-27-inverted: 1;
}

#cb27:checked ~ .scope {
  --from-27-to-27-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb27:not(:checked) ~ .scope {
  --from-27-to-23-inverted: 1;
}

#cb27:checked ~ .scope {
  --from-27-to-23-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb28:not(:checked) ~ .scope {
  --from-28-to-28-inverted: 1;
}

#cb28:checked ~ .scope {
  --from-28-to-28-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb28:not(:checked) ~ .scope {
  --from-28-to-63-inverted: 1;
}

#cb28:checked ~ .scope {
  --from-28-to-63-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb29:not(:checked) ~ .scope {
  --from-29-to-29-inverted: 1;
}

#cb29:checked ~ .scope {
  --from-29-to-29-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb29:not(:checked) ~ .scope {
  --from-29-to-17-inverted: 1;
}

#cb29:checked ~ .scope {
  --from-29-to-17-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb30:not(:checked) ~ .scope {
  --from-30-to-30-inverted: 1;
}

#cb30:checked ~ .scope {
  --from-30-to-30-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb30:not(:checked) ~ .scope {
  --from-30-to-59-inverted: 1;
}

#cb30:checked ~ .scope {
  --from-30-to-59-inverted: 0;
}

#cb30:not(:checked) ~ .scope {
  --from-30-to-27-inverted: 1;
}

#cb30:checked ~ .scope {
  --from-30-to-27-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb31:not(:checked) ~ .scope {
  --from-31-to-31-inverted: 1;
}

#cb31:checked ~ .scope {
  --from-31-to-31-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb31:not(:checked) ~ .scope {
  --from-31-to-64-inverted: 1;
}

#cb31:checked ~ .scope {
  --from-31-to-64-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb32:not(:checked) ~ .scope {
  --from-32-to-32-inverted: 1;
}

#cb32:checked ~ .scope {
  --from-32-to-32-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb32:not(:checked) ~ .scope {
  --from-32-to-7-inverted: 1;
}

#cb32:checked ~ .scope {
  --from-32-to-7-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb33:not(:checked) ~ .scope {
  --from-33-to-33-inverted: 1;
}

#cb33:checked ~ .scope {
  --from-33-to-33-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb33:not(:checked) ~ .scope {
  --from-33-to-38-inverted: 1;
}

#cb33:checked ~ .scope {
  --from-33-to-38-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb34:not(:checked) ~ .scope {
  --from-34-to-34-inverted: 1;
}

#cb34:checked ~ .scope {
  --from-34-to-34-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb34:not(:checked) ~ .scope {
  --from-34-to-47-inverted: 1;
}

#cb34:checked ~ .scope {
  --from-34-to-47-inverted: 0;
}

#cb34:not(:checked) ~ .scope {
  --from-34-to-43-inverted: 1;
}

#cb34:checked ~ .scope {
  --from-34-to-43-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb35:not(:checked) ~ .scope {
  --from-35-to-35-inverted: 1;
}

#cb35:checked ~ .scope {
  --from-35-to-35-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb35:not(:checked) ~ .scope {
  --from-35-to-19-inverted: 1;
}

#cb35:checked ~ .scope {
  --from-35-to-19-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb36:not(:checked) ~ .scope {
  --from-36-to-36-inverted: 1;
}

#cb36:checked ~ .scope {
  --from-36-to-36-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb36:not(:checked) ~ .scope {
  --from-36-to-38-inverted: 1;
}

#cb36:checked ~ .scope {
  --from-36-to-38-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb37:not(:checked) ~ .scope {
  --from-37-to-37-inverted: 1;
}

#cb37:checked ~ .scope {
  --from-37-to-37-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb37:not(:checked) ~ .scope {
  --from-37-to-39-inverted: 1;
}

#cb37:checked ~ .scope {
  --from-37-to-39-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb38:not(:checked) ~ .scope {
  --from-38-to-38-inverted: 1;
}

#cb38:checked ~ .scope {
  --from-38-to-38-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb38:not(:checked) ~ .scope {
  --from-38-to-36-inverted: 1;
}

#cb38:checked ~ .scope {
  --from-38-to-36-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb39:not(:checked) ~ .scope {
  --from-39-to-39-inverted: 1;
}

#cb39:checked ~ .scope {
  --from-39-to-39-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb39:not(:checked) ~ .scope {
  --from-39-to-23-inverted: 1;
}

#cb39:checked ~ .scope {
  --from-39-to-23-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb40:not(:checked) ~ .scope {
  --from-40-to-40-inverted: 1;
}

#cb40:checked ~ .scope {
  --from-40-to-40-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb40:not(:checked) ~ .scope {
  --from-40-to-43-inverted: 1;
}

#cb40:checked ~ .scope {
  --from-40-to-43-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb41:not(:checked) ~ .scope {
  --from-41-to-41-inverted: 1;
}

#cb41:checked ~ .scope {
  --from-41-to-41-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb41:not(:checked) ~ .scope {
  --from-41-to-31-inverted: 1;
}

#cb41:checked ~ .scope {
  --from-41-to-31-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb42:not(:checked) ~ .scope {
  --from-42-to-42-inverted: 1;
}

#cb42:checked ~ .scope {
  --from-42-to-42-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb42:not(:checked) ~ .scope {
  --from-42-to-41-inverted: 1;
}

#cb42:checked ~ .scope {
  --from-42-to-41-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb43:not(:checked) ~ .scope {
  --from-43-to-43-inverted: 1;
}

#cb43:checked ~ .scope {
  --from-43-to-43-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb43:not(:checked) ~ .scope {
  --from-43-to-42-inverted: 1;
}

#cb43:checked ~ .scope {
  --from-43-to-42-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb44:not(:checked) ~ .scope {
  --from-44-to-44-inverted: 1;
}

#cb44:checked ~ .scope {
  --from-44-to-44-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb44:not(:checked) ~ .scope {
  --from-44-to-29-inverted: 1;
}

#cb44:checked ~ .scope {
  --from-44-to-29-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb45:not(:checked) ~ .scope {
  --from-45-to-45-inverted: 1;
}

#cb45:checked ~ .scope {
  --from-45-to-45-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb45:not(:checked) ~ .scope {
  --from-45-to-20-inverted: 1;
}

#cb45:checked ~ .scope {
  --from-45-to-20-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb46:not(:checked) ~ .scope {
  --from-46-to-46-inverted: 1;
}

#cb46:checked ~ .scope {
  --from-46-to-46-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb46:not(:checked) ~ .scope {
  --from-46-to-24-inverted: 1;
}

#cb46:checked ~ .scope {
  --from-46-to-24-inverted: 0;
}

#cb46:not(:checked) ~ .scope {
  --from-46-to-20-inverted: 1;
}

#cb46:checked ~ .scope {
  --from-46-to-20-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb47:not(:checked) ~ .scope {
  --from-47-to-47-inverted: 1;
}

#cb47:checked ~ .scope {
  --from-47-to-47-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb47:not(:checked) ~ .scope {
  --from-47-to-16-inverted: 1;
}

#cb47:checked ~ .scope {
  --from-47-to-16-inverted: 0;
}

#cb47:not(:checked) ~ .scope {
  --from-47-to-35-inverted: 1;
}

#cb47:checked ~ .scope {
  --from-47-to-35-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb48:not(:checked) ~ .scope {
  --from-48-to-48-inverted: 1;
}

#cb48:checked ~ .scope {
  --from-48-to-48-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb48:not(:checked) ~ .scope {
  --from-48-to-4-inverted: 1;
}

#cb48:checked ~ .scope {
  --from-48-to-4-inverted: 0;
}

#cb48:not(:checked) ~ .scope {
  --from-48-to-62-inverted: 1;
}

#cb48:checked ~ .scope {
  --from-48-to-62-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb49:not(:checked) ~ .scope {
  --from-49-to-49-inverted: 1;
}

#cb49:checked ~ .scope {
  --from-49-to-49-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb49:not(:checked) ~ .scope {
  --from-49-to-13-inverted: 1;
}

#cb49:checked ~ .scope {
  --from-49-to-13-inverted: 0;
}

#cb49:not(:checked) ~ .scope {
  --from-49-to-62-inverted: 1;
}

#cb49:checked ~ .scope {
  --from-49-to-62-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb50:not(:checked) ~ .scope {
  --from-50-to-50-inverted: 1;
}

#cb50:checked ~ .scope {
  --from-50-to-50-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb50:not(:checked) ~ .scope {
  --from-50-to-64-inverted: 1;
}

#cb50:checked ~ .scope {
  --from-50-to-64-inverted: 0;
}

#cb50:not(:checked) ~ .scope {
  --from-50-to-9-inverted: 1;
}

#cb50:checked ~ .scope {
  --from-50-to-9-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb51:not(:checked) ~ .scope {
  --from-51-to-51-inverted: 1;
}

#cb51:checked ~ .scope {
  --from-51-to-51-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb51:not(:checked) ~ .scope {
  --from-51-to-30-inverted: 1;
}

#cb51:checked ~ .scope {
  --from-51-to-30-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb52:not(:checked) ~ .scope {
  --from-52-to-52-inverted: 1;
}

#cb52:checked ~ .scope {
  --from-52-to-52-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb52:not(:checked) ~ .scope {
  --from-52-to-2-inverted: 1;
}

#cb52:checked ~ .scope {
  --from-52-to-2-inverted: 0;
}

#cb52:not(:checked) ~ .scope {
  --from-52-to-47-inverted: 1;
}

#cb52:checked ~ .scope {
  --from-52-to-47-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb53:not(:checked) ~ .scope {
  --from-53-to-53-inverted: 1;
}

#cb53:checked ~ .scope {
  --from-53-to-53-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb53:not(:checked) ~ .scope {
  --from-53-to-42-inverted: 1;
}

#cb53:checked ~ .scope {
  --from-53-to-42-inverted: 0;
}

#cb53:not(:checked) ~ .scope {
  --from-53-to-24-inverted: 1;
}

#cb53:checked ~ .scope {
  --from-53-to-24-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb54:not(:checked) ~ .scope {
  --from-54-to-54-inverted: 1;
}

#cb54:checked ~ .scope {
  --from-54-to-54-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb54:not(:checked) ~ .scope {
  --from-54-to-17-inverted: 1;
}

#cb54:checked ~ .scope {
  --from-54-to-17-inverted: 0;
}

#cb54:not(:checked) ~ .scope {
  --from-54-to-32-inverted: 1;
}

#cb54:checked ~ .scope {
  --from-54-to-32-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb55:not(:checked) ~ .scope {
  --from-55-to-55-inverted: 1;
}

#cb55:checked ~ .scope {
  --from-55-to-55-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb55:not(:checked) ~ .scope {
  --from-55-to-58-inverted: 1;
}

#cb55:checked ~ .scope {
  --from-55-to-58-inverted: 0;
}

#cb55:not(:checked) ~ .scope {
  --from-55-to-28-inverted: 1;
}

#cb55:checked ~ .scope {
  --from-55-to-28-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb56:not(:checked) ~ .scope {
  --from-56-to-56-inverted: 1;
}

#cb56:checked ~ .scope {
  --from-56-to-56-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb56:not(:checked) ~ .scope {
  --from-56-to-14-inverted: 1;
}

#cb56:checked ~ .scope {
  --from-56-to-14-inverted: 0;
}

#cb56:not(:checked) ~ .scope {
  --from-56-to-35-inverted: 1;
}

#cb56:checked ~ .scope {
  --from-56-to-35-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb57:not(:checked) ~ .scope {
  --from-57-to-57-inverted: 1;
}

#cb57:checked ~ .scope {
  --from-57-to-57-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb57:not(:checked) ~ .scope {
  --from-57-to-15-inverted: 1;
}

#cb57:checked ~ .scope {
  --from-57-to-15-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb58:not(:checked) ~ .scope {
  --from-58-to-58-inverted: 1;
}

#cb58:checked ~ .scope {
  --from-58-to-58-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb58:not(:checked) ~ .scope {
  --from-58-to-11-inverted: 1;
}

#cb58:checked ~ .scope {
  --from-58-to-11-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb59:not(:checked) ~ .scope {
  --from-59-to-59-inverted: 1;
}

#cb59:checked ~ .scope {
  --from-59-to-59-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb59:not(:checked) ~ .scope {
  --from-59-to-15-inverted: 1;
}

#cb59:checked ~ .scope {
  --from-59-to-15-inverted: 0;
}

#cb59:not(:checked) ~ .scope {
  --from-59-to-44-inverted: 1;
}

#cb59:checked ~ .scope {
  --from-59-to-44-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb60:not(:checked) ~ .scope {
  --from-60-to-60-inverted: 1;
}

#cb60:checked ~ .scope {
  --from-60-to-60-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb60:not(:checked) ~ .scope {
  --from-60-to-40-inverted: 1;
}

#cb60:checked ~ .scope {
  --from-60-to-40-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb61:not(:checked) ~ .scope {
  --from-61-to-61-inverted: 1;
}

#cb61:checked ~ .scope {
  --from-61-to-61-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb61:not(:checked) ~ .scope {
  --from-61-to-54-inverted: 1;
}

#cb61:checked ~ .scope {
  --from-61-to-54-inverted: 0;
}

#cb61:not(:checked) ~ .scope {
  --from-61-to-34-inverted: 1;
}

#cb61:checked ~ .scope {
  --from-61-to-34-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb62:not(:checked) ~ .scope {
  --from-62-to-62-inverted: 1;
}

#cb62:checked ~ .scope {
  --from-62-to-62-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb62:not(:checked) ~ .scope {
  --from-62-to-63-inverted: 1;
}

#cb62:checked ~ .scope {
  --from-62-to-63-inverted: 0;
}

#cb62:not(:checked) ~ .scope {
  --from-62-to-40-inverted: 1;
}

#cb62:checked ~ .scope {
  --from-62-to-40-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb63:not(:checked) ~ .scope {
  --from-63-to-63-inverted: 1;
}

#cb63:checked ~ .scope {
  --from-63-to-63-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb63:not(:checked) ~ .scope {
  --from-63-to-21-inverted: 1;
}

#cb63:checked ~ .scope {
  --from-63-to-21-inverted: 0;
}

#cb63:not(:checked) ~ .scope {
  --from-63-to-38-inverted: 1;
}

#cb63:checked ~ .scope {
  --from-63-to-38-inverted: 0;
}

/*
  we set same --from-CURRENT-to-CURRENT - the problem of scope!
  to cell's label
  and to win rule
*/
#cb64:not(:checked) ~ .scope {
  --from-64-to-64-inverted: 1;
}

#cb64:checked ~ .scope {
  --from-64-to-64-inverted: 0;
}

/*
  do the same for all linked cell
*/
#cb64:not(:checked) ~ .scope {
  --from-64-to-32-inverted: 1;
}

#cb64:checked ~ .scope {
  --from-64-to-32-inverted: 0;
}

/*
  Each cell may invert other cells
*/
.scope {
  --inversion-1-1: var(--from-1-to-1-inverted);
  --1-inverted: var(--inversion-1-1);
}

#s1 {
  background-position-y: calc(var(--inversion-1-1) * 10vmin * 2);
}

.scope {
  --inversion-2-1: var(--from-2-to-2-inverted);
  --inversion-2-2: calc(
    (var(--inversion-2-1) - var(--from-3-to-2-inverted)) * (var(--inversion-2-1) - var(--from-3-to-2-inverted))
  );
  --inversion-2-3: calc(
    (var(--inversion-2-2) - var(--from-8-to-2-inverted)) * (var(--inversion-2-2) - var(--from-8-to-2-inverted))
  );
  --inversion-2-4: calc(
    (var(--inversion-2-3) - var(--from-18-to-2-inverted)) * (var(--inversion-2-3) - var(--from-18-to-2-inverted))
  );
  --inversion-2-5: calc(
    (var(--inversion-2-4) - var(--from-52-to-2-inverted)) * (var(--inversion-2-4) - var(--from-52-to-2-inverted))
  );
  --2-inverted: var(--inversion-2-5);
}

#s2 {
  background-position-y: calc(var(--inversion-2-5) * 10vmin * 2);
}

.scope {
  --inversion-3-1: var(--from-3-to-3-inverted);
  --3-inverted: var(--inversion-3-1);
}

#s3 {
  background-position-y: calc(var(--inversion-3-1) * 10vmin * 2);
}

.scope {
  --inversion-4-1: var(--from-4-to-4-inverted);
  --inversion-4-2: calc(
    (var(--inversion-4-1) - var(--from-48-to-4-inverted)) * (var(--inversion-4-1) - var(--from-48-to-4-inverted))
  );
  --4-inverted: var(--inversion-4-2);
}

#s4 {
  background-position-y: calc(var(--inversion-4-2) * 10vmin * 2);
}

.scope {
  --inversion-5-1: var(--from-5-to-5-inverted);
  --inversion-5-2: calc(
    (var(--inversion-5-1) - var(--from-26-to-5-inverted)) * (var(--inversion-5-1) - var(--from-26-to-5-inverted))
  );
  --5-inverted: var(--inversion-5-2);
}

#s5 {
  background-position-y: calc(var(--inversion-5-2) * 10vmin * 2);
}

.scope {
  --inversion-6-1: var(--from-6-to-6-inverted);
  --inversion-6-2: calc(
    (var(--inversion-6-1) - var(--from-25-to-6-inverted)) * (var(--inversion-6-1) - var(--from-25-to-6-inverted))
  );
  --6-inverted: var(--inversion-6-2);
}

#s6 {
  background-position-y: calc(var(--inversion-6-2) * 10vmin * 2);
}

.scope {
  --inversion-7-1: var(--from-7-to-7-inverted);
  --inversion-7-2: calc(
    (var(--inversion-7-1) - var(--from-32-to-7-inverted)) * (var(--inversion-7-1) - var(--from-32-to-7-inverted))
  );
  --7-inverted: var(--inversion-7-2);
}

#s7 {
  background-position-y: calc(var(--inversion-7-2) * 10vmin * 2);
}

.scope {
  --inversion-8-1: var(--from-8-to-8-inverted);
  --8-inverted: var(--inversion-8-1);
}

#s8 {
  background-position-y: calc(var(--inversion-8-1) * 10vmin * 2);
}

.scope {
  --inversion-9-1: var(--from-9-to-9-inverted);
  --inversion-9-2: calc(
    (var(--inversion-9-1) - var(--from-50-to-9-inverted)) * (var(--inversion-9-1) - var(--from-50-to-9-inverted))
  );
  --9-inverted: var(--inversion-9-2);
}

#s9 {
  background-position-y: calc(var(--inversion-9-2) * 10vmin * 2);
}

.scope {
  --inversion-10-1: var(--from-10-to-10-inverted);
  --inversion-10-2: calc(
    (var(--inversion-10-1) - var(--from-21-to-10-inverted)) * (var(--inversion-10-1) - var(--from-21-to-10-inverted))
  );
  --10-inverted: var(--inversion-10-2);
}

#s10 {
  background-position-y: calc(var(--inversion-10-2) * 10vmin * 2);
}

.scope {
  --inversion-11-1: var(--from-11-to-11-inverted);
  --inversion-11-2: calc(
    (var(--inversion-11-1) - var(--from-23-to-11-inverted)) * (var(--inversion-11-1) - var(--from-23-to-11-inverted))
  );
  --inversion-11-3: calc(
    (var(--inversion-11-2) - var(--from-58-to-11-inverted)) * (var(--inversion-11-2) - var(--from-58-to-11-inverted))
  );
  --11-inverted: var(--inversion-11-3);
}

#s11 {
  background-position-y: calc(var(--inversion-11-3) * 10vmin * 2);
}

.scope {
  --inversion-12-1: var(--from-12-to-12-inverted);
  --inversion-12-2: calc(
    (var(--inversion-12-1) - var(--from-20-to-12-inverted)) * (var(--inversion-12-1) - var(--from-20-to-12-inverted))
  );
  --12-inverted: var(--inversion-12-2);
}

#s12 {
  background-position-y: calc(var(--inversion-12-2) * 10vmin * 2);
}

.scope {
  --inversion-13-1: var(--from-13-to-13-inverted);
  --inversion-13-2: calc(
    (var(--inversion-13-1) - var(--from-26-to-13-inverted)) * (var(--inversion-13-1) - var(--from-26-to-13-inverted))
  );
  --inversion-13-3: calc(
    (var(--inversion-13-2) - var(--from-49-to-13-inverted)) * (var(--inversion-13-2) - var(--from-49-to-13-inverted))
  );
  --13-inverted: var(--inversion-13-3);
}

#s13 {
  background-position-y: calc(var(--inversion-13-3) * 10vmin * 2);
}

.scope {
  --inversion-14-1: var(--from-14-to-14-inverted);
  --inversion-14-2: calc(
    (var(--inversion-14-1) - var(--from-56-to-14-inverted)) * (var(--inversion-14-1) - var(--from-56-to-14-inverted))
  );
  --14-inverted: var(--inversion-14-2);
}

#s14 {
  background-position-y: calc(var(--inversion-14-2) * 10vmin * 2);
}

.scope {
  --inversion-15-1: var(--from-15-to-15-inverted);
  --inversion-15-2: calc(
    (var(--inversion-15-1) - var(--from-1-to-15-inverted)) * (var(--inversion-15-1) - var(--from-1-to-15-inverted))
  );
  --inversion-15-3: calc(
    (var(--inversion-15-2) - var(--from-57-to-15-inverted)) * (var(--inversion-15-2) - var(--from-57-to-15-inverted))
  );
  --inversion-15-4: calc(
    (var(--inversion-15-3) - var(--from-59-to-15-inverted)) * (var(--inversion-15-3) - var(--from-59-to-15-inverted))
  );
  --15-inverted: var(--inversion-15-4);
}

#s15 {
  background-position-y: calc(var(--inversion-15-4) * 10vmin * 2);
}

.scope {
  --inversion-16-1: var(--from-16-to-16-inverted);
  --inversion-16-2: calc(
    (var(--inversion-16-1) - var(--from-12-to-16-inverted)) * (var(--inversion-16-1) - var(--from-12-to-16-inverted))
  );
  --inversion-16-3: calc(
    (var(--inversion-16-2) - var(--from-47-to-16-inverted)) * (var(--inversion-16-2) - var(--from-47-to-16-inverted))
  );
  --16-inverted: var(--inversion-16-3);
}

#s16 {
  background-position-y: calc(var(--inversion-16-3) * 10vmin * 2);
}

.scope {
  --inversion-17-1: var(--from-17-to-17-inverted);
  --inversion-17-2: calc(
    (var(--inversion-17-1) - var(--from-2-to-17-inverted)) * (var(--inversion-17-1) - var(--from-2-to-17-inverted))
  );
  --inversion-17-3: calc(
    (var(--inversion-17-2) - var(--from-29-to-17-inverted)) * (var(--inversion-17-2) - var(--from-29-to-17-inverted))
  );
  --inversion-17-4: calc(
    (var(--inversion-17-3) - var(--from-54-to-17-inverted)) * (var(--inversion-17-3) - var(--from-54-to-17-inverted))
  );
  --17-inverted: var(--inversion-17-4);
}

#s17 {
  background-position-y: calc(var(--inversion-17-4) * 10vmin * 2);
}

.scope {
  --inversion-18-1: var(--from-18-to-18-inverted);
  --18-inverted: var(--inversion-18-1);
}

#s18 {
  background-position-y: calc(var(--inversion-18-1) * 10vmin * 2);
}

.scope {
  --inversion-19-1: var(--from-19-to-19-inverted);
  --inversion-19-2: calc(
    (var(--inversion-19-1) - var(--from-35-to-19-inverted)) * (var(--inversion-19-1) - var(--from-35-to-19-inverted))
  );
  --19-inverted: var(--inversion-19-2);
}

#s19 {
  background-position-y: calc(var(--inversion-19-2) * 10vmin * 2);
}

.scope {
  --inversion-20-1: var(--from-20-to-20-inverted);
  --inversion-20-2: calc(
    (var(--inversion-20-1) - var(--from-22-to-20-inverted)) * (var(--inversion-20-1) - var(--from-22-to-20-inverted))
  );
  --inversion-20-3: calc(
    (var(--inversion-20-2) - var(--from-45-to-20-inverted)) * (var(--inversion-20-2) - var(--from-45-to-20-inverted))
  );
  --inversion-20-4: calc(
    (var(--inversion-20-3) - var(--from-46-to-20-inverted)) * (var(--inversion-20-3) - var(--from-46-to-20-inverted))
  );
  --20-inverted: var(--inversion-20-4);
}

#s20 {
  background-position-y: calc(var(--inversion-20-4) * 10vmin * 2);
}

.scope {
  --inversion-21-1: var(--from-21-to-21-inverted);
  --inversion-21-2: calc(
    (var(--inversion-21-1) - var(--from-63-to-21-inverted)) * (var(--inversion-21-1) - var(--from-63-to-21-inverted))
  );
  --21-inverted: var(--inversion-21-2);
}

#s21 {
  background-position-y: calc(var(--inversion-21-2) * 10vmin * 2);
}

.scope {
  --inversion-22-1: var(--from-22-to-22-inverted);
  --22-inverted: var(--inversion-22-1);
}

#s22 {
  background-position-y: calc(var(--inversion-22-1) * 10vmin * 2);
}

.scope {
  --inversion-23-1: var(--from-23-to-23-inverted);
  --inversion-23-2: calc(
    (var(--inversion-23-1) - var(--from-6-to-23-inverted)) * (var(--inversion-23-1) - var(--from-6-to-23-inverted))
  );
  --inversion-23-3: calc(
    (var(--inversion-23-2) - var(--from-27-to-23-inverted)) * (var(--inversion-23-2) - var(--from-27-to-23-inverted))
  );
  --inversion-23-4: calc(
    (var(--inversion-23-3) - var(--from-39-to-23-inverted)) * (var(--inversion-23-3) - var(--from-39-to-23-inverted))
  );
  --23-inverted: var(--inversion-23-4);
}

#s23 {
  background-position-y: calc(var(--inversion-23-4) * 10vmin * 2);
}

.scope {
  --inversion-24-1: var(--from-24-to-24-inverted);
  --inversion-24-2: calc(
    (var(--inversion-24-1) - var(--from-46-to-24-inverted)) * (var(--inversion-24-1) - var(--from-46-to-24-inverted))
  );
  --inversion-24-3: calc(
    (var(--inversion-24-2) - var(--from-53-to-24-inverted)) * (var(--inversion-24-2) - var(--from-53-to-24-inverted))
  );
  --24-inverted: var(--inversion-24-3);
}

#s24 {
  background-position-y: calc(var(--inversion-24-3) * 10vmin * 2);
}

.scope {
  --inversion-25-1: var(--from-25-to-25-inverted);
  --25-inverted: var(--inversion-25-1);
}

#s25 {
  background-position-y: calc(var(--inversion-25-1) * 10vmin * 2);
}

.scope {
  --inversion-26-1: var(--from-26-to-26-inverted);
  --inversion-26-2: calc(
    (var(--inversion-26-1) - var(--from-3-to-26-inverted)) * (var(--inversion-26-1) - var(--from-3-to-26-inverted))
  );
  --26-inverted: var(--inversion-26-2);
}

#s26 {
  background-position-y: calc(var(--inversion-26-2) * 10vmin * 2);
}

.scope {
  --inversion-27-1: var(--from-27-to-27-inverted);
  --inversion-27-2: calc(
    (var(--inversion-27-1) - var(--from-30-to-27-inverted)) * (var(--inversion-27-1) - var(--from-30-to-27-inverted))
  );
  --27-inverted: var(--inversion-27-2);
}

#s27 {
  background-position-y: calc(var(--inversion-27-2) * 10vmin * 2);
}

.scope {
  --inversion-28-1: var(--from-28-to-28-inverted);
  --inversion-28-2: calc(
    (var(--inversion-28-1) - var(--from-55-to-28-inverted)) * (var(--inversion-28-1) - var(--from-55-to-28-inverted))
  );
  --28-inverted: var(--inversion-28-2);
}

#s28 {
  background-position-y: calc(var(--inversion-28-2) * 10vmin * 2);
}

.scope {
  --inversion-29-1: var(--from-29-to-29-inverted);
  --inversion-29-2: calc(
    (var(--inversion-29-1) - var(--from-44-to-29-inverted)) * (var(--inversion-29-1) - var(--from-44-to-29-inverted))
  );
  --29-inverted: var(--inversion-29-2);
}

#s29 {
  background-position-y: calc(var(--inversion-29-2) * 10vmin * 2);
}

.scope {
  --inversion-30-1: var(--from-30-to-30-inverted);
  --inversion-30-2: calc(
    (var(--inversion-30-1) - var(--from-17-to-30-inverted)) * (var(--inversion-30-1) - var(--from-17-to-30-inverted))
  );
  --inversion-30-3: calc(
    (var(--inversion-30-2) - var(--from-51-to-30-inverted)) * (var(--inversion-30-2) - var(--from-51-to-30-inverted))
  );
  --30-inverted: var(--inversion-30-3);
}

#s30 {
  background-position-y: calc(var(--inversion-30-3) * 10vmin * 2);
}

.scope {
  --inversion-31-1: var(--from-31-to-31-inverted);
  --inversion-31-2: calc(
    (var(--inversion-31-1) - var(--from-41-to-31-inverted)) * (var(--inversion-31-1) - var(--from-41-to-31-inverted))
  );
  --31-inverted: var(--inversion-31-2);
}

#s31 {
  background-position-y: calc(var(--inversion-31-2) * 10vmin * 2);
}

.scope {
  --inversion-32-1: var(--from-32-to-32-inverted);
  --inversion-32-2: calc(
    (var(--inversion-32-1) - var(--from-16-to-32-inverted)) * (var(--inversion-32-1) - var(--from-16-to-32-inverted))
  );
  --inversion-32-3: calc(
    (var(--inversion-32-2) - var(--from-23-to-32-inverted)) * (var(--inversion-32-2) - var(--from-23-to-32-inverted))
  );
  --inversion-32-4: calc(
    (var(--inversion-32-3) - var(--from-54-to-32-inverted)) * (var(--inversion-32-3) - var(--from-54-to-32-inverted))
  );
  --inversion-32-5: calc(
    (var(--inversion-32-4) - var(--from-64-to-32-inverted)) * (var(--inversion-32-4) - var(--from-64-to-32-inverted))
  );
  --32-inverted: var(--inversion-32-5);
}

#s32 {
  background-position-y: calc(var(--inversion-32-5) * 10vmin * 2);
}

.scope {
  --inversion-33-1: var(--from-33-to-33-inverted);
  --33-inverted: var(--inversion-33-1);
}

#s33 {
  background-position-y: calc(var(--inversion-33-1) * 10vmin * 2);
}

.scope {
  --inversion-34-1: var(--from-34-to-34-inverted);
  --inversion-34-2: calc(
    (var(--inversion-34-1) - var(--from-61-to-34-inverted)) * (var(--inversion-34-1) - var(--from-61-to-34-inverted))
  );
  --34-inverted: var(--inversion-34-2);
}

#s34 {
  background-position-y: calc(var(--inversion-34-2) * 10vmin * 2);
}

.scope {
  --inversion-35-1: var(--from-35-to-35-inverted);
  --inversion-35-2: calc(
    (var(--inversion-35-1) - var(--from-10-to-35-inverted)) * (var(--inversion-35-1) - var(--from-10-to-35-inverted))
  );
  --inversion-35-3: calc(
    (var(--inversion-35-2) - var(--from-47-to-35-inverted)) * (var(--inversion-35-2) - var(--from-47-to-35-inverted))
  );
  --inversion-35-4: calc(
    (var(--inversion-35-3) - var(--from-56-to-35-inverted)) * (var(--inversion-35-3) - var(--from-56-to-35-inverted))
  );
  --35-inverted: var(--inversion-35-4);
}

#s35 {
  background-position-y: calc(var(--inversion-35-4) * 10vmin * 2);
}

.scope {
  --inversion-36-1: var(--from-36-to-36-inverted);
  --inversion-36-2: calc(
    (var(--inversion-36-1) - var(--from-38-to-36-inverted)) * (var(--inversion-36-1) - var(--from-38-to-36-inverted))
  );
  --36-inverted: var(--inversion-36-2);
}

#s36 {
  background-position-y: calc(var(--inversion-36-2) * 10vmin * 2);
}

.scope {
  --inversion-37-1: var(--from-37-to-37-inverted);
  --inversion-37-2: calc(
    (var(--inversion-37-1) - var(--from-21-to-37-inverted)) * (var(--inversion-37-1) - var(--from-21-to-37-inverted))
  );
  --37-inverted: var(--inversion-37-2);
}

#s37 {
  background-position-y: calc(var(--inversion-37-2) * 10vmin * 2);
}

.scope {
  --inversion-38-1: var(--from-38-to-38-inverted);
  --inversion-38-2: calc(
    (var(--inversion-38-1) - var(--from-33-to-38-inverted)) * (var(--inversion-38-1) - var(--from-33-to-38-inverted))
  );
  --inversion-38-3: calc(
    (var(--inversion-38-2) - var(--from-36-to-38-inverted)) * (var(--inversion-38-2) - var(--from-36-to-38-inverted))
  );
  --inversion-38-4: calc(
    (var(--inversion-38-3) - var(--from-63-to-38-inverted)) * (var(--inversion-38-3) - var(--from-63-to-38-inverted))
  );
  --38-inverted: var(--inversion-38-4);
}

#s38 {
  background-position-y: calc(var(--inversion-38-4) * 10vmin * 2);
}

.scope {
  --inversion-39-1: var(--from-39-to-39-inverted);
  --inversion-39-2: calc(
    (var(--inversion-39-1) - var(--from-5-to-39-inverted)) * (var(--inversion-39-1) - var(--from-5-to-39-inverted))
  );
  --inversion-39-3: calc(
    (var(--inversion-39-2) - var(--from-15-to-39-inverted)) * (var(--inversion-39-2) - var(--from-15-to-39-inverted))
  );
  --inversion-39-4: calc(
    (var(--inversion-39-3) - var(--from-37-to-39-inverted)) * (var(--inversion-39-3) - var(--from-37-to-39-inverted))
  );
  --39-inverted: var(--inversion-39-4);
}

#s39 {
  background-position-y: calc(var(--inversion-39-4) * 10vmin * 2);
}

.scope {
  --inversion-40-1: var(--from-40-to-40-inverted);
  --inversion-40-2: calc(
    (var(--inversion-40-1) - var(--from-60-to-40-inverted)) * (var(--inversion-40-1) - var(--from-60-to-40-inverted))
  );
  --inversion-40-3: calc(
    (var(--inversion-40-2) - var(--from-62-to-40-inverted)) * (var(--inversion-40-2) - var(--from-62-to-40-inverted))
  );
  --40-inverted: var(--inversion-40-3);
}

#s40 {
  background-position-y: calc(var(--inversion-40-3) * 10vmin * 2);
}

.scope {
  --inversion-41-1: var(--from-41-to-41-inverted);
  --inversion-41-2: calc(
    (var(--inversion-41-1) - var(--from-42-to-41-inverted)) * (var(--inversion-41-1) - var(--from-42-to-41-inverted))
  );
  --41-inverted: var(--inversion-41-2);
}

#s41 {
  background-position-y: calc(var(--inversion-41-2) * 10vmin * 2);
}

.scope {
  --inversion-42-1: var(--from-42-to-42-inverted);
  --inversion-42-2: calc(
    (var(--inversion-42-1) - var(--from-43-to-42-inverted)) * (var(--inversion-42-1) - var(--from-43-to-42-inverted))
  );
  --inversion-42-3: calc(
    (var(--inversion-42-2) - var(--from-53-to-42-inverted)) * (var(--inversion-42-2) - var(--from-53-to-42-inverted))
  );
  --42-inverted: var(--inversion-42-3);
}

#s42 {
  background-position-y: calc(var(--inversion-42-3) * 10vmin * 2);
}

.scope {
  --inversion-43-1: var(--from-43-to-43-inverted);
  --inversion-43-2: calc(
    (var(--inversion-43-1) - var(--from-14-to-43-inverted)) * (var(--inversion-43-1) - var(--from-14-to-43-inverted))
  );
  --inversion-43-3: calc(
    (var(--inversion-43-2) - var(--from-34-to-43-inverted)) * (var(--inversion-43-2) - var(--from-34-to-43-inverted))
  );
  --inversion-43-4: calc(
    (var(--inversion-43-3) - var(--from-40-to-43-inverted)) * (var(--inversion-43-3) - var(--from-40-to-43-inverted))
  );
  --43-inverted: var(--inversion-43-4);
}

#s43 {
  background-position-y: calc(var(--inversion-43-4) * 10vmin * 2);
}

.scope {
  --inversion-44-1: var(--from-44-to-44-inverted);
  --inversion-44-2: calc(
    (var(--inversion-44-1) - var(--from-19-to-44-inverted)) * (var(--inversion-44-1) - var(--from-19-to-44-inverted))
  );
  --inversion-44-3: calc(
    (var(--inversion-44-2) - var(--from-24-to-44-inverted)) * (var(--inversion-44-2) - var(--from-24-to-44-inverted))
  );
  --inversion-44-4: calc(
    (var(--inversion-44-3) - var(--from-59-to-44-inverted)) * (var(--inversion-44-3) - var(--from-59-to-44-inverted))
  );
  --44-inverted: var(--inversion-44-4);
}

#s44 {
  background-position-y: calc(var(--inversion-44-4) * 10vmin * 2);
}

.scope {
  --inversion-45-1: var(--from-45-to-45-inverted);
  --45-inverted: var(--inversion-45-1);
}

#s45 {
  background-position-y: calc(var(--inversion-45-1) * 10vmin * 2);
}

.scope {
  --inversion-46-1: var(--from-46-to-46-inverted);
  --46-inverted: var(--inversion-46-1);
}

#s46 {
  background-position-y: calc(var(--inversion-46-1) * 10vmin * 2);
}

.scope {
  --inversion-47-1: var(--from-47-to-47-inverted);
  --inversion-47-2: calc(
    (var(--inversion-47-1) - var(--from-13-to-47-inverted)) * (var(--inversion-47-1) - var(--from-13-to-47-inverted))
  );
  --inversion-47-3: calc(
    (var(--inversion-47-2) - var(--from-34-to-47-inverted)) * (var(--inversion-47-2) - var(--from-34-to-47-inverted))
  );
  --inversion-47-4: calc(
    (var(--inversion-47-3) - var(--from-52-to-47-inverted)) * (var(--inversion-47-3) - var(--from-52-to-47-inverted))
  );
  --47-inverted: var(--inversion-47-4);
}

#s47 {
  background-position-y: calc(var(--inversion-47-4) * 10vmin * 2);
}

.scope {
  --inversion-48-1: var(--from-48-to-48-inverted);
  --inversion-48-2: calc(
    (var(--inversion-48-1) - var(--from-7-to-48-inverted)) * (var(--inversion-48-1) - var(--from-7-to-48-inverted))
  );
  --inversion-48-3: calc(
    (var(--inversion-48-2) - var(--from-9-to-48-inverted)) * (var(--inversion-48-2) - var(--from-9-to-48-inverted))
  );
  --48-inverted: var(--inversion-48-3);
}

#s48 {
  background-position-y: calc(var(--inversion-48-3) * 10vmin * 2);
}

.scope {
  --inversion-49-1: var(--from-49-to-49-inverted);
  --49-inverted: var(--inversion-49-1);
}

#s49 {
  background-position-y: calc(var(--inversion-49-1) * 10vmin * 2);
}

.scope {
  --inversion-50-1: var(--from-50-to-50-inverted);
  --inversion-50-2: calc(
    (var(--inversion-50-1) - var(--from-16-to-50-inverted)) * (var(--inversion-50-1) - var(--from-16-to-50-inverted))
  );
  --50-inverted: var(--inversion-50-2);
}

#s50 {
  background-position-y: calc(var(--inversion-50-2) * 10vmin * 2);
}

.scope {
  --inversion-51-1: var(--from-51-to-51-inverted);
  --inversion-51-2: calc(
    (var(--inversion-51-1) - var(--from-4-to-51-inverted)) * (var(--inversion-51-1) - var(--from-4-to-51-inverted))
  );
  --inversion-51-3: calc(
    (var(--inversion-51-2) - var(--from-13-to-51-inverted)) * (var(--inversion-51-2) - var(--from-13-to-51-inverted))
  );
  --51-inverted: var(--inversion-51-3);
}

#s51 {
  background-position-y: calc(var(--inversion-51-3) * 10vmin * 2);
}

.scope {
  --inversion-52-1: var(--from-52-to-52-inverted);
  --inversion-52-2: calc(
    (var(--inversion-52-1) - var(--from-1-to-52-inverted)) * (var(--inversion-52-1) - var(--from-1-to-52-inverted))
  );
  --52-inverted: var(--inversion-52-2);
}

#s52 {
  background-position-y: calc(var(--inversion-52-2) * 10vmin * 2);
}

.scope {
  --inversion-53-1: var(--from-53-to-53-inverted);
  --53-inverted: var(--inversion-53-1);
}

#s53 {
  background-position-y: calc(var(--inversion-53-1) * 10vmin * 2);
}

.scope {
  --inversion-54-1: var(--from-54-to-54-inverted);
  --inversion-54-2: calc(
    (var(--inversion-54-1) - var(--from-61-to-54-inverted)) * (var(--inversion-54-1) - var(--from-61-to-54-inverted))
  );
  --54-inverted: var(--inversion-54-2);
}

#s54 {
  background-position-y: calc(var(--inversion-54-2) * 10vmin * 2);
}

.scope {
  --inversion-55-1: var(--from-55-to-55-inverted);
  --inversion-55-2: calc(
    (var(--inversion-55-1) - var(--from-6-to-55-inverted)) * (var(--inversion-55-1) - var(--from-6-to-55-inverted))
  );
  --55-inverted: var(--inversion-55-2);
}

#s55 {
  background-position-y: calc(var(--inversion-55-2) * 10vmin * 2);
}

.scope {
  --inversion-56-1: var(--from-56-to-56-inverted);
  --inversion-56-2: calc(
    (var(--inversion-56-1) - var(--from-7-to-56-inverted)) * (var(--inversion-56-1) - var(--from-7-to-56-inverted))
  );
  --56-inverted: var(--inversion-56-2);
}

#s56 {
  background-position-y: calc(var(--inversion-56-2) * 10vmin * 2);
}

.scope {
  --inversion-57-1: var(--from-57-to-57-inverted);
  --57-inverted: var(--inversion-57-1);
}

#s57 {
  background-position-y: calc(var(--inversion-57-1) * 10vmin * 2);
}

.scope {
  --inversion-58-1: var(--from-58-to-58-inverted);
  --inversion-58-2: calc(
    (var(--inversion-58-1) - var(--from-8-to-58-inverted)) * (var(--inversion-58-1) - var(--from-8-to-58-inverted))
  );
  --inversion-58-3: calc(
    (var(--inversion-58-2) - var(--from-55-to-58-inverted)) * (var(--inversion-58-2) - var(--from-55-to-58-inverted))
  );
  --58-inverted: var(--inversion-58-3);
}

#s58 {
  background-position-y: calc(var(--inversion-58-3) * 10vmin * 2);
}

.scope {
  --inversion-59-1: var(--from-59-to-59-inverted);
  --inversion-59-2: calc(
    (var(--inversion-59-1) - var(--from-2-to-59-inverted)) * (var(--inversion-59-1) - var(--from-2-to-59-inverted))
  );
  --inversion-59-3: calc(
    (var(--inversion-59-2) - var(--from-24-to-59-inverted)) * (var(--inversion-59-2) - var(--from-24-to-59-inverted))
  );
  --inversion-59-4: calc(
    (var(--inversion-59-3) - var(--from-30-to-59-inverted)) * (var(--inversion-59-3) - var(--from-30-to-59-inverted))
  );
  --59-inverted: var(--inversion-59-4);
}

#s59 {
  background-position-y: calc(var(--inversion-59-4) * 10vmin * 2);
}

.scope {
  --inversion-60-1: var(--from-60-to-60-inverted);
  --60-inverted: var(--inversion-60-1);
}

#s60 {
  background-position-y: calc(var(--inversion-60-1) * 10vmin * 2);
}

.scope {
  --inversion-61-1: var(--from-61-to-61-inverted);
  --61-inverted: var(--inversion-61-1);
}

#s61 {
  background-position-y: calc(var(--inversion-61-1) * 10vmin * 2);
}

.scope {
  --inversion-62-1: var(--from-62-to-62-inverted);
  --inversion-62-2: calc(
    (var(--inversion-62-1) - var(--from-48-to-62-inverted)) * (var(--inversion-62-1) - var(--from-48-to-62-inverted))
  );
  --inversion-62-3: calc(
    (var(--inversion-62-2) - var(--from-49-to-62-inverted)) * (var(--inversion-62-2) - var(--from-49-to-62-inverted))
  );
  --62-inverted: var(--inversion-62-3);
}

#s62 {
  background-position-y: calc(var(--inversion-62-3) * 10vmin * 2);
}

.scope {
  --inversion-63-1: var(--from-63-to-63-inverted);
  --inversion-63-2: calc(
    (var(--inversion-63-1) - var(--from-11-to-63-inverted)) * (var(--inversion-63-1) - var(--from-11-to-63-inverted))
  );
  --inversion-63-3: calc(
    (var(--inversion-63-2) - var(--from-28-to-63-inverted)) * (var(--inversion-63-2) - var(--from-28-to-63-inverted))
  );
  --inversion-63-4: calc(
    (var(--inversion-63-3) - var(--from-62-to-63-inverted)) * (var(--inversion-63-3) - var(--from-62-to-63-inverted))
  );
  --63-inverted: var(--inversion-63-4);
}

#s63 {
  background-position-y: calc(var(--inversion-63-4) * 10vmin * 2);
}

.scope {
  --inversion-64-1: var(--from-64-to-64-inverted);
  --inversion-64-2: calc(
    (var(--inversion-64-1) - var(--from-31-to-64-inverted)) * (var(--inversion-64-1) - var(--from-31-to-64-inverted))
  );
  --inversion-64-3: calc(
    (var(--inversion-64-2) - var(--from-50-to-64-inverted)) * (var(--inversion-64-2) - var(--from-50-to-64-inverted))
  );
  --64-inverted: var(--inversion-64-3);
}

#s64 {
  background-position-y: calc(var(--inversion-64-3) * 10vmin * 2);
}

@keyframes colorize {
  to {
    background-position: 200% center;
  }
}
@keyframes move {
  0% {
    transform: translate(-50%, -50%);
  }
  25% {
    transform: translate(-50%, -25%);
  }
  50% {
    transform: translate(-50%, -50%);
  }
  75% {
    transform: translate(-50%, -75%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
.win {
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5rem;
  text-transform: uppercase;
  font-weight: 900;
  user-select: none;
  pointer-events: none;
  text-align: center;
  background-image: linear-gradient(-90deg, #FF0018 0%, #FFA52C 20%, #FFFF41 40%, #008018 60%, #0000F9 80%, #86007D 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: colorize 2s linear infinite, move 2s linear infinite;
}

.win {
  --is-win-1: calc(1 - var(--1-inverted));
  --is-win-2: calc(var(--is-win-1) * calc(1 - var(--2-inverted)));
  --is-win-3: calc(var(--is-win-2) * calc(1 - var(--3-inverted)));
  --is-win-4: calc(var(--is-win-3) * calc(1 - var(--4-inverted)));
  --is-win-5: calc(var(--is-win-4) * calc(1 - var(--5-inverted)));
  --is-win-6: calc(var(--is-win-5) * calc(1 - var(--6-inverted)));
  --is-win-7: calc(var(--is-win-6) * calc(1 - var(--7-inverted)));
  --is-win-8: calc(var(--is-win-7) * calc(1 - var(--8-inverted)));
  --is-win-9: calc(var(--is-win-8) * calc(1 - var(--9-inverted)));
  --is-win-10: calc(var(--is-win-9) * calc(1 - var(--10-inverted)));
  --is-win-11: calc(var(--is-win-10) * calc(1 - var(--11-inverted)));
  --is-win-12: calc(var(--is-win-11) * calc(1 - var(--12-inverted)));
  --is-win-13: calc(var(--is-win-12) * calc(1 - var(--13-inverted)));
  --is-win-14: calc(var(--is-win-13) * calc(1 - var(--14-inverted)));
  --is-win-15: calc(var(--is-win-14) * calc(1 - var(--15-inverted)));
  --is-win-16: calc(var(--is-win-15) * calc(1 - var(--16-inverted)));
  --is-win-17: calc(var(--is-win-16) * calc(1 - var(--17-inverted)));
  --is-win-18: calc(var(--is-win-17) * calc(1 - var(--18-inverted)));
  --is-win-19: calc(var(--is-win-18) * calc(1 - var(--19-inverted)));
  --is-win-20: calc(var(--is-win-19) * calc(1 - var(--20-inverted)));
  --is-win-21: calc(var(--is-win-20) * calc(1 - var(--21-inverted)));
  --is-win-22: calc(var(--is-win-21) * calc(1 - var(--22-inverted)));
  --is-win-23: calc(var(--is-win-22) * calc(1 - var(--23-inverted)));
  --is-win-24: calc(var(--is-win-23) * calc(1 - var(--24-inverted)));
  --is-win-25: calc(var(--is-win-24) * calc(1 - var(--25-inverted)));
  --is-win-26: calc(var(--is-win-25) * calc(1 - var(--26-inverted)));
  --is-win-27: calc(var(--is-win-26) * calc(1 - var(--27-inverted)));
  --is-win-28: calc(var(--is-win-27) * calc(1 - var(--28-inverted)));
  --is-win-29: calc(var(--is-win-28) * calc(1 - var(--29-inverted)));
  --is-win-30: calc(var(--is-win-29) * calc(1 - var(--30-inverted)));
  --is-win-31: calc(var(--is-win-30) * calc(1 - var(--31-inverted)));
  --is-win-32: calc(var(--is-win-31) * calc(1 - var(--32-inverted)));
  --is-win-33: calc(var(--is-win-32) * calc(1 - var(--33-inverted)));
  --is-win-34: calc(var(--is-win-33) * calc(1 - var(--34-inverted)));
  --is-win-35: calc(var(--is-win-34) * calc(1 - var(--35-inverted)));
  --is-win-36: calc(var(--is-win-35) * calc(1 - var(--36-inverted)));
  --is-win-37: calc(var(--is-win-36) * calc(1 - var(--37-inverted)));
  --is-win-38: calc(var(--is-win-37) * calc(1 - var(--38-inverted)));
  --is-win-39: calc(var(--is-win-38) * calc(1 - var(--39-inverted)));
  --is-win-40: calc(var(--is-win-39) * calc(1 - var(--40-inverted)));
  --is-win-41: calc(var(--is-win-40) * calc(1 - var(--41-inverted)));
  --is-win-42: calc(var(--is-win-41) * calc(1 - var(--42-inverted)));
  --is-win-43: calc(var(--is-win-42) * calc(1 - var(--43-inverted)));
  --is-win-44: calc(var(--is-win-43) * calc(1 - var(--44-inverted)));
  --is-win-45: calc(var(--is-win-44) * calc(1 - var(--45-inverted)));
  --is-win-46: calc(var(--is-win-45) * calc(1 - var(--46-inverted)));
  --is-win-47: calc(var(--is-win-46) * calc(1 - var(--47-inverted)));
  --is-win-48: calc(var(--is-win-47) * calc(1 - var(--48-inverted)));
  --is-win-49: calc(var(--is-win-48) * calc(1 - var(--49-inverted)));
  --is-win-50: calc(var(--is-win-49) * calc(1 - var(--50-inverted)));
  --is-win-51: calc(var(--is-win-50) * calc(1 - var(--51-inverted)));
  --is-win-52: calc(var(--is-win-51) * calc(1 - var(--52-inverted)));
  --is-win-53: calc(var(--is-win-52) * calc(1 - var(--53-inverted)));
  --is-win-54: calc(var(--is-win-53) * calc(1 - var(--54-inverted)));
  --is-win-55: calc(var(--is-win-54) * calc(1 - var(--55-inverted)));
  --is-win-56: calc(var(--is-win-55) * calc(1 - var(--56-inverted)));
  --is-win-57: calc(var(--is-win-56) * calc(1 - var(--57-inverted)));
  --is-win-58: calc(var(--is-win-57) * calc(1 - var(--58-inverted)));
  --is-win-59: calc(var(--is-win-58) * calc(1 - var(--59-inverted)));
  --is-win-60: calc(var(--is-win-59) * calc(1 - var(--60-inverted)));
  --is-win-61: calc(var(--is-win-60) * calc(1 - var(--61-inverted)));
  --is-win-62: calc(var(--is-win-61) * calc(1 - var(--62-inverted)));
  --is-win-63: calc(var(--is-win-62) * calc(1 - var(--63-inverted)));
  --is-win-64: calc(var(--is-win-63) * calc(1 - var(--64-inverted)));
  opacity: var(--is-win-64);
}